<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器filter</title>
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="">
    <p data-ng-init="name=1">
        <input ng-model="name"><br/>
        <h3>
            输入的内容：{{name}}<br/>
            uppercase：{{name | uppercase }}<br/>
            lowercase：{{name|lowercase}}<br/>
            currency：{{name|currency}}
        </h3>
    </p>
    <p ng-init="names=['张三','张a三','李四','b李四','c张三','c李四','张三a','李四a','b张三']">
        <ul>
            <li ng-repeat="name in names">
                {{name}}
            </li>
        </ul>
    <h2>添加过滤器</h2>
        <ul>
            <li ng-repeat="name in names | filter:'a'">
                {{name}}
            </li>
        </ul>
    <h2>排序</h2>
        <ul>
            <li ng-repeat="name in names | orderBy: name">
                {{name}}
            </li>
        </ul>
    </p>
</div>
</body>
</html>